.order-tree-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    
    .order-form {
      padding: 12px;
      border-bottom: 1px solid #e8e8e8;
    }
    
    .order-list {
      flex: 1;
      overflow: hidden;
      position: relative;
      
      .refresh-icon-container {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 10;
        
        .refresh-button {
          color: #8c8c8c;
          transition: all 0.3s;
          
          &:hover {
            color: #1890ff;
            transform: rotate(180deg);
          }
        }
      }
      
      .tree-content-wrapper {
        height: 100%;
        overflow-y: auto;
        padding: 8px;
      }
      
      .order-collapse {
        border: none;
        
        .ant-collapse-item {
          border-bottom: 1px solid #f0f0f0;
          
          &:last-child {
            border-bottom: none;
          }
        }
        
        .ant-collapse-header {
          font-weight: 500;
          padding: 12px 16px;
          background-color: #fafafa;
          
          .order-header {
            display: flex;
            align-items: center;
            
            .order-count-badge {
              margin-left: 8px;
              background-color: #e8f3ff;
              color: #1890ff;
              border-radius: 12px;
              padding: 0 6px;
              font-size: 12px;
            }
          }
        }
      }
    }
    
    .batch-order-item {
      margin: 8px 0;
      border-radius: 4px;
      transition: all 0.3s;
      position: relative;
      
      &:hover {
        background-color: #f5f7fa;
      }
      
      &.active {
        background-color: #e6f7ff;
        border-left: 3px solid #1890ff;
      }
      
      .active-indicator {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
      }
      
      .order-card {
        padding: 12px;
        border-radius: 4px;
        
        .order-header {
          margin-bottom: 8px;
          
          .order-number {
            .label {
              color: #8c8c8c;
              margin-right: 4px;
            }
            
            .value {
              font-weight: 500;
            }
          }
          
          .priority-tag {
            padding: 1px 6px;
            border-radius: 3px;
            font-size: 12px;
            
            &.priority-high {
              background-color: #fff1f0;
              color: #f5222d;
            }
            
            &.priority-medium {
              background-color: #fff7e6;
              color: #fa8c16;
            }
            
            &.priority-low {
              background-color: #f6ffed;
              color: #52c41a;
            }
          }
        }
        
        .order-details {
          .detail-item {
            display: flex;
            align-items: center;
            margin-bottom: 4px;
            
            .label {
              color: #8c8c8c;
              min-width: 60px;
              font-size: 12px;
            }
            
            .value {
              flex: 1;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
        }
      }
    }
    
    .order-pagination {
      padding: 12px;
      border-top: 1px solid #e8e8e8;
      display: flex;
      justify-content: center;
    }
    
    .empty-state {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }    